@import "@/styles/base/index.scss";

.invite-signup {
  background: $themeColor;
  color: #f5f0eb;

  &-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 144px 15px;
    gap: 24px;
  }

  .dsz-vision {
    &-title {
      margin-top: 10px;
      margin-bottom: 15px;

      font-size: 78px;
      line-height: 80px;
      font-weight: 900;
      text-transform: uppercase;
    }

    &-desc {
      margin: 40px 0;
      font-size: 18px;
      line-height: 28px;
      font-weight: 400;
      color: #e9e4df;
    }
  }

  .buttons-container {
    width: 100%;

    .become-btn {
      display: block;
      margin-top: 20px;
    }

    .svg-icon-wrapper {
      margin-left: 10px;
    }
  }
}

@media (max-width: 480px) {
  .invite-signup {

    .dsz-vision {
      &-title {
        font-size: 65px;
      }


    }
  }
}